body {
  width: 370px;
  overflow: hidden;
}

#set-time {
  text-align: right; /* 添加此行以确保内容右对齐 */
  margin-bottom: 5px;
  /*white-space: nowrap; !* 防止文本在 span 内部换行 *!*/
  overflow: hidden;
  overflow-wrap: break-word;
}

#set-time span{
  display: inline; /* 使 span 表现得像块级元素，但仍然在一行显示 */
  white-space: nowrap; /* 防止在 span 内部文本换行 */
  line-height: 2.3; /* 增加行高以避免内容重叠 */
}

/* Flexbox 容器设置 */
.flex-container {
  display: flex;
  align-items: center; /* 垂直居中 */
}

/* 时间显示和操作链接的容器 */
.times-container {
  flex-grow: 1; /* 占据剩余空间 */
  text-align: right; /* 文本向右对齐 */
}

#time-div{
  display: flex;
  justify-content: flex-end;
  align-items: end;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}

#countdown-time{
  margin-right: 5px;
  margin-bottom: 5px;
  color: #444;
  cursor: pointer;
}

/* 显示时间的区域样式 */
#show-time {
  font-size: 38px;
  color: #333;
  font-weight: bold;
  margin-right: 5px;
  cursor: pointer;
}

/*
 * ============================================================================
 * Dark Mode Styles
 * ============================================================================
 */

body.dark-mode #show-time {
  color: #FFF;
}

body.dark-mode #countdown-time{
  color: #AAA;
}


